<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<h:head>
	<h:outputStylesheet name="css/Estilos.css" />
</h:head>
<body>
	<h:form>
		<rich:panel id="panel">
			<f:facet name="header">
				<h:outputText value="Ingresar Al sitema" />
			</f:facet>
			<h:panelGrid columns="2">
				<h:panelGrid columns="2">
					<a4j:ajax event="keyup">
						<h:outputText value="Cedula:" />
						<h:inputText value="#{empleadosBean.usuario.cedula}" />
						<h:outputText value="Clave:" />
						<h:inputSecret value="#{empleadosBean.usuario.claveusuario}" />
					</a4j:ajax>
				</h:panelGrid>



			</h:panelGrid>
			<a4j:commandButton value="Submit" type="button"
				action="#{empleadosBean.verificarDatos}" render="out"
				execute="@form" />

		</rich:panel>
	</h:form>
	<a4j:status id="prog" onstart="#{rich:component('progres')}.show()"
		onstop="#{rich:component('progres')}.hide()">
	</a4j:status>
	<rich:popupPanel style="background:#3399a2;" id="progres"
		autosized="true" width="180" height="100" moveable="false"
		resizeable="false">
		<f:facet name="header">
			<h:outputText value="Procesando" />
		</f:facet>
		<div align="center">
			<h:outputText
				style="font-family: Arial; font-size:14px; color:#1f1f1f;"
				value="Por favor espere..." />
			<br />
			<h:graphicImage library="images" name="loading_bar.gif" alt="ai" />
		</div>
	</rich:popupPanel>
</body>
</html>


